<template>
    <div class="wioc-piece">
        <p><wioc-icon-svg  :name="iconname"></wioc-icon-svg>{{name}}</p>
        <slot></slot>
    </div>
</template>


<script>
    export default {
        name:"wioc-piece",
        components:{

        },
        date(){
            return{

            }
        },
        props:{
            name:String,
            iconname:String,
        },
    }

</script>

<style  lang="less" scoped>
    .wioc-piece{
        display: inline-block;
    p{
        width: 100%;
        text-align: center;
        letter-spacing: -0.05px;
        font-family: PingFangSC-Regular;
        font-size: .11rem;
        color: #595959;
    .icon-svg{
        width: .16rem;
        height: .16rem;
        margin-right: .03rem;
    }
    }

    }

</style>
